<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>xiaowei-college-task1</title>
</head>
<body>
	<header>
		<h1>网站一级标题</h1>
		<nav>
			<ul>
				<li><a href="#">导航链接一</a></li>
				<li><a href="#">导航链接二</a></li>
				<li><a href="#">导航链接三</a></li>
				<li><a href="#">导航链接四</a></li>
			</ul>
		</nav>
	</header>

	<article>
		<hgroup>
			<h1>文章一级标题</h1>
			<h2>文章二级标题</h2>
		</hgroup>
		<p>文章作者 <time datatime="2017-2-26" update>文章发表时间</time></p>
		<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br>换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<b>这里有个粗体字</b>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。</p>
		<img src="image/saber.jpg" title="好看的saber" alt="saber的照片">
		<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<b>这里有个粗体字</b>这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com" target="_blank">这里有一个链接点击打开新窗口链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。</p>
	</article>

	<article>
		<hgroup>
			<h1>文章一级标题</h1>
			<h2>文章二级标题</h2>
		</hgroup>
		<p>文章作者 <time datatime="2017-2-26" update>文章发表时间</time></p>
		<p>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，<br>换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，换行了<br>这是一个很长很长的段落，这是一个很长很长的段落，<a href="http://ife.baidu.com">这里有一个链接链接到http://ife.baidu.com</a>这是一个很长很长的段落，这是一个很长很长的段落，<b>这里有个粗体字</b>这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落，这是一个很长很长的段落。</p>
		<img src="image/saber.jpg" title="好看的saber">
		<ul>
			<li>列表项目一</li>
			<li>列表项目二</li>
			<li>列表项目三</li>
		</ul>
		<section>
			<h1>图片</h1>
			<figure><figcaption>好看的saber</figcaption><img src="image/saber.jpg" title="好看的saber" alt="saber的照片"></figure>
			<figure><figcaption>好看的saber</figcaption><img src="image/saber.jpg" title="好看的saber" alt="saber的照片"></figure>
			<figure><figcaption>好看的saber</figcaption><img src="image/saber.jpg" title="好看的saber" alt="saber的照片"></figure>
			<figure><figcaption>好看的saber</figcaption><img src="image/saber.jpg" title="好看的saber" alt="saber的照片"></figure>
			<figure><figcaption>好看的saber</figcaption><img src="image/saber.jpg" title="好看的saber" alt="saber的照片"></figure>
		</section>
	</article>

	<article>
		<hgroup>
			<h1>最后一篇文章的一级标题</h1>
			<h2>文章的二级标题</h2>
		</hgroup>
		<p>文章作者 <time datatime="2017-2-26" update>文章发表时间</time></p>
		<ol>
			<li>排名1</li>
			<li>排名2</li>
			<li>排名3</li>
		</ol>
		<p>下面是一个表格，给表格加了一个border="1"好让你看出是一个表格</p>
		<table border=1>
			<tr>
				<th>表头</th>
				<th>表头</th>
				<th>表头</th>
			</tr>
			<tr>
				<td>表中内容单元格</td>
				<td>表中内容单元格</td>
				<td>操作</td>
			</tr>
			<tr>
				<td>表中内容单元格</td>
				<td>表中内容单元格</td>
				<td>操作</td>
			</tr>
			<tr>
				<td>表中内容单元格</td>
				<td>表中内容单元格</td>
				<td>操作</td>
			</tr>
			<tr>
				<td>表中内容单元格</td>
				<td>表中内容单元格</td>
				<td>操作</td>
			</tr>
			<tr>
				<td>总计</td>
				<td colspan="2">1000</td>
			</tr>
		</table>
	</article>

	<aside>
		<h1>这里以后是一个侧栏，这是侧栏的标题</h1>
		<form>
			<h2>侧栏注册窗口标题</h2>
			请输入邮箱地址:<input type="email" name="user_email" placeholder="请输入邮件地址">
			<p>邮箱地址请按要求格式输入</p>
			请输入密码：<input type="password" name="password" placeholder="请输入密码">
			请重复输入密码：<input type="password" name="confirm-password" placeholder="请重复输入密码：">
			<p>密码请填6-16位英文数字</p>
			<p>
				性别：
				<input type="radio" name="sex" id="radio-male" checked="checked" value="male">
				<label for="radio-male">男</label>
				<input type="radio" name="sex" id="radio-female" value="female">
				<label for="radio-female">女</label>
				城市:
				<select name="citys">
					<option>北京</option>
					<option>上海</option>
					<option>成都</option>
				</select>
				爱好：	
				<input type="checkbox" name="hobbies" value="sports" id="c-sports">
				<label for="c-sports">运动</label>
				<input type="checkbox" name="hobbies" value="art" id="c-art">
				<label for="c-art">艺术</label>
				<input type="checkbox" name="hobbies" value="science" id="c-science">
				<label for="c-science">科学</label> 
				个人描述：
				<textarea>这是一个多行输入框，输入您的个人描述</textarea>
				<input type="submit" value="确认提交">
				<input type="reset" value="重置">
			</p>

		</form>
	</aside>

	<footer>版权所有&copy陈伟</footer>
</body>
</html>